/**
 * @description DOM 编辑器,PageEditorBar中选择dom后，点击进行编辑
 */
Rsd.define('Rsd.tool.DomStyleEditor', {
    extend: 'Rsd.container.Dialog',
    requires: [],
    xtype: 'dom-style-editor',
    readonly: false,
    requires: [
        'Rsd.widget.JsonForm',
        'Rsd.form.Radio'
    ],
    layout: 'vbox',
    width: '80%',
    height:'90%',
    items: [
        {
            xtype: 'json-form',
            header: false,
            readonly: false,
            fieldWidth: '49%',
            width: '100%',
            margin: '60 0 0 0',
            bodyStyle:{padding:'10px 0 0 0'},
            layout: {
                type:'hbox',
                align:'start',
                wrap:'wrap'
            },
            flex: 1,
            formEventHandler:'__formEventHandler',
        },
        {
            xtype: 'container',
            header: false,
            width: '100%',
            height: 60,
            style: {
                position: 'absolute',
                top: 50,
                backgroundColor: '#f2f4f0d1'
            },
            layout: {type:'hbox',align:'left'},
            items: [
                {
                    xtype:'radio',
                    margin:'0 0 0 10',
                    width:100,
                    mode:'read',
                    name:'edition',
                    vaule:'simple',
                    checked:true,
                    label:{content:'普通版',width:75,position:'right'} 
                },
                {
                    xtype:'radio',
                    width:100,
                    mode:'check',
                    disabled:true,
                    name:'edition',
                    vaule:'pro',
                    label:{content:'专业版',width:75,position:'right'}
                }
            ]
        }
    ], 
    /**
     * 
     */
    styleSchema:{ 
        "width":{type:'string',title:'',description:'宽度'},
        "height":{type:'string',title:'',description:'高度'},
        "display":{type:'string',title:'',description:'元素的内部和外部的显示类型',xtype:'combobox',enum:['flex','block','inline','inline-block','contents','none']},
        "position":{type:'string',title:'',description:'元素的定位类型',xtype:'combobox',enum:['fixed','static','absolute','releative']},
 
        "cursor":{type:'string',title:'',description:'鼠标'},
        "textAlign":{type:'string',title:'',description:'元素文本的水平对齐方式',xtype:'combobox',enum:['left','right','center','justify','inherit']},  
	  
        "top":{type:'string',title:'',description:'控件左上角距离父容器顶部边框距离'},
        "right":{type:'string',title:'',description:''},
        "bottom":{type:'string',title:'',description:''},
        "left":{type:'string',title:'',description:'控件左上角距左父容器右侧边框距离'}, 

        "float":{type:'string',title:'',description:'元素是否可以浮动',xtype:'combobox',enum:['left','right','none','inherit']},
       
        //"lineBreak":{type:'string',title:'',description:''},
        "lineHeight":{type:'string',title:'',description:'行高'},
        //"length":{type:'string',title:'',description:''},
        //"maxBlockSize":{type:'string',title:'',description:''},
        "maxHeight":{type:'string',title:'',description:'最大高度'},
        //"maxInlineSize":{type:'string',title:'',description:''},
        "maxWidth":{type:'string',title:'',description:'最大宽度'},
        //"minBlockSize":{type:'string',title:'',description:''},
        "minHeight":{type:'string',title:'',description:'最小高度'},
        //"minInlineSize":{type:'string',title:'',description:''},
        "minWidth":{type:'string',title:'',description:'最小宽度'},
        //"mixBlendMode":{type:'string',title:'',description:''},
        "color":{type:'string',title:'',description:'文字颜色'},
        // "colorAdjust":{type:'string',title:'',description:''},
        // "colorInterpolation":{type:'string',title:'',description:''},
        // "colorInterpolationFilters":{type:'string',title:'',description:''},
        // "colorScheme":{type:'string',title:'',description:''},

        "background":{type:'string',title:'',description:'背景'},
            // "backgroundAttachment":{type:'string',title:'',description:''},
            // "backgroundBlendMode":{type:'string',title:'',description:''},
            // "backgroundClip":{type:'string',title:'',description:''},
            // "backgroundColor":{type:'string',title:'',description:'背景颜色'},
            // "backgroundImage":{type:'string',title:'',description:'背景图片'},
            // "backgroundOrigin":{type:'string',title:'',description:''},
            // "backgroundPosition":{type:'string',title:'',description:''},
            // "backgroundPositionX":{type:'string',title:'',description:''},
            // "backgroundPositionY":{type:'string',title:'',description:''},
            // "backgroundRepeat":{type:'string',title:'',description:''},
            // "backgroundSize":{type:'string',title:'',description:''},

        "border":{type:'string',title:'',description:'边框样式'},
        // "borderBlock":{type:'string',title:'',description:''},
            // "borderBlockColor":{type:'string',title:'',description:''},
            // "borderBlockEnd":{type:'string',title:'',description:''},
            // "borderBlockEndColor":{type:'string',title:'',description:''},
            // "borderBlockEndStyle":{type:'string',title:'',description:''},
            // "borderBlockEndWidth":{type:'string',title:'',description:''},
            // "borderBlockStart":{type:'string',title:'',description:''},
            // "borderBlockStartColor":{type:'string',title:'',description:''},
            // "borderBlockStartStyle":{type:'string',title:'',description:''},
            // "borderBlockStartWidth":{type:'string',title:'',description:''},
            // "borderBlockStyle":{type:'string',title:'',description:''},
            // "borderBlockWidth":{type:'string',title:'',description:''},
            // "borderBottom":{type:'string',title:'',description:''},
            // "borderBottomColor":{type:'string',title:'',description:''},
            // "borderBottomLeftRadius":{type:'string',title:'',description:''},
            // "borderBottomRightRadius":{type:'string',title:'',description:''},
            // "borderBottomStyle":{type:'string',title:'',description:''},
            // "borderBottomWidth":{type:'string',title:'',description:''},
            // "borderCollapse":{type:'string',title:'',description:''},
            // "borderColor":{type:'string',title:'',description:''},
            // "borderEndEndRadius":{type:'string',title:'',description:''},
            // "borderEndStartRadius":{type:'string',title:'',description:''},
            // "borderImage":{type:'string',title:'',description:''},
            // "borderImageOutset":{type:'string',title:'',description:''},
            // "borderImageRepeat":{type:'string',title:'',description:''},
            // "borderImageSlice":{type:'string',title:'',description:''},
            // "borderImageSource":{type:'string',title:'',description:''},
            // "borderImageWidth":{type:'string',title:'',description:''},
            // "borderInline":{type:'string',title:'',description:''},
            // "borderInlineColor":{type:'string',title:'',description:''},
            // "borderInlineEnd":{type:'string',title:'',description:''},
            // "borderInlineEndColor":{type:'string',title:'',description:''},
            // "borderInlineEndStyle":{type:'string',title:'',description:''},
            // "borderInlineEndWidth":{type:'string',title:'',description:''},
            // "borderInlineStart":{type:'string',title:'',description:''},
            // "borderInlineStartColor":{type:'string',title:'',description:''},
            // "borderInlineStartStyle":{type:'string',title:'',description:''},
            // "borderInlineStartWidth":{type:'string',title:'',description:''},
            // "borderInlineStyle":{type:'string',title:'',description:''},
            // "borderInlineWidth":{type:'string',title:'',description:''},
            // "borderLeft":{type:'string',title:'',description:''},
            // "borderLeftColor":{type:'string',title:'',description:''},
            // "borderLeftStyle":{type:'string',title:'',description:''},
            // "borderLeftWidth":{type:'string',title:'',description:''},
            // "borderRadius":{type:'string',title:'',description:''},
            // "borderRight":{type:'string',title:'',description:''},
            // "borderRightColor":{type:'string',title:'',description:''},
            // "borderRightStyle":{type:'string',title:'',description:''},
            // "borderRightWidth":{type:'string',title:'',description:''},
            // "borderSpacing":{type:'string',title:'',description:''},
            // "borderStartEndRadius":{type:'string',title:'',description:''},
            // "borderStartStartRadius":{type:'string',title:'',description:''},
            // "borderStyle":{type:'string',title:'',description:''},
            // "borderTop":{type:'string',title:'',description:''},
            // "borderTopColor":{type:'string',title:'',description:''},
            // "borderTopLeftRadius":{type:'string',title:'',description:''},
            // "borderTopRightRadius":{type:'string',title:'',description:''},
            // "borderTopStyle":{type:'string',title:'',description:''},
            // "borderTopWidth":{type:'string',title:'',description:''},
            // "borderWidth":{type:'string',title:'',description:''},
            
        "boxSizing":{type:'string',title:'',description:''},
        "boxShadow":{type:'string',title:'',description:'阴影'},

        "listStyle": { type: 'string', title: '', description: '' },
        // "listStyleImage":{type:'string',title:'',description:''},
        // "listStylePosition":{type:'string',title:'',description:''},
        // "listStyleType":{type:'string',title:'',description:''},
        "margin": { type: 'string', title: '', description: '' },
            // "marginBlock":{type:'string',title:'',description:''},
            // "marginBlockEnd":{type:'string',title:'',description:''},
            // "marginBlockStart":{type:'string',title:'',description:''},
            // "marginBottom":{type:'string',title:'',description:''},
            // "marginInline":{type:'string',title:'',description:''},
            // "marginInlineEnd":{type:'string',title:'',description:''},
            // "marginInlineStart":{type:'string',title:'',description:''},
            // "marginLeft":{type:'string',title:'',description:''},
            // "marginRight":{type:'string',title:'',description:''},
            // "marginTop":{type:'string',title:'',description:''},
            // "marginTrim":{type:'string',title:'',description:''},
            // "marker":{type:'string',title:'',description:''},
            // "markerEnd":{type:'string',title:'',description:''},
            // "markerMid":{type:'string',title:'',description:''},
            // "markerStart":{type:'string',title:'',description:''},
        "font": { type: 'string', title: '', description: '字体' },
            // "fontDisplay":{type:'string',title:'',description:''},
            // "fontFamily":{type:'string',title:'',description:''},
            // "fontFeatureSettings":{type:'string',title:'',description:''},
            // "fontKerning":{type:'string',title:'',description:''},
            // "fontOpticalSizing":{type:'string',title:'',description:''},
            // "fontPalette":{type:'string',title:'',description:''},
            "fontSize":{type:'string',title:'',description:'字体大小'},
            // "fontSizeAdjust":{type:'string',title:'',description:''},
            // "fontStretch":{type:'string',title:'',description:''},
            // "fontStyle":{type:'string',title:'',description:''},
            // "fontSynthesis":{type:'string',title:'',description:''},
            // "fontSynthesisSmallCaps":{type:'string',title:'',description:''},
            // "fontSynthesisStyle":{type:'string',title:'',description:''},
            // "fontSynthesisWeight":{type:'string',title:'',description:''},
            // "fontVariant":{type:'string',title:'',description:''},
            // "fontVariantAlternates":{type:'string',title:'',description:''},
            // "fontVariantCaps":{type:'string',title:'',description:''},
            // "fontVariantEastAsian":{type:'string',title:'',description:''},
            // "fontVariantLigatures":{type:'string',title:'',description:''},
            // "fontVariantNumeric":{type:'string',title:'',description:''},
            // "fontVariantPosition":{type:'string',title:'',description:''},
            // "fontVariationSettings":{type:'string',title:'',description:''},
        "fontWeight": { type: 'string', title: '', description: '' },
       
        "flex":{type:'string',title:'',description:''},
        // "flexBasis":{type:'string',title:'',description:''},
        // "flexDirection":{type:'string',title:'',description:''},
        // "flexFlow":{type:'string',title:'',description:''},
        // "flexGrow":{type:'string',title:'',description:''},
        // "flexShrink":{type:'string',title:'',description:''},
        // "flexWrap":{type:'string',title:'',description:''},
       
  
        //"cssText":{type:'string',title:'',description:''},
        //"cssRules":{type:'string',title:'',description:''},
       
        //"parentRule":{type:'string',title:'',description:'返回包含当前规则的那条CSS规则'},
        //"cssFloat":{type:'string',title:'',description:''}, 

        //"accentColor":{type:'string',title:'',description:'强调色，浏览器支持 不全面'},
       
        "alignContent":{type:'string',title:'',description:''},
        "alignItems":{type:'string',title:'',description:''},
        "alignSelf":{type:'string',title:'',description:''},
        //"alignmentBaseline":{type:'string',title:'',description:''},
        //"all":{type:'string',title:'',description:'用于一键重置元素的所有样式'},
        //"alt":{type:'string',title:'',description:'用于在dom无法展示时，替代展示的文字'},
       
        "animation":{type:'string',title:'',description:'动画'},//
            // "animationComposition":{type:'string',title:'',description:''},
            // "animationDelay":{type:'string',title:'',description:''},
            // "animationDirection":{type:'string',title:'',description:''},
            // "animationDuration":{type:'string',title:'',description:''},
            // "animationFillMode":{type:'string',title:'',description:''},
            // "animationIterationCount":{type:'string',title:'',description:''},
            // "animationName":{type:'string',title:'',description:''},
            // "animationPlayState":{type:'string',title:'',description:''},
            // "animationTimingFunction":{type:'string',title:'',description:''},
       
        //"appearance":{type:'string',title:'',description:'用于改变元素的外观'},
        // "aspectRatio":{type:'string',title:'',description:''},
        // "backfaceVisibility":{type:'string',title:'',description:''},
      
        // "basePalette":{type:'string',title:'',description:''},
        // "baselineShift":{type:'string',title:'',description:''},
        // "blockSize":{type:'string',title:'',description:''},
        
        // "breakAfter":{type:'string',title:'',description:''},
        // "breakBefore":{type:'string',title:'',description:''},
        // "breakInside":{type:'string',title:'',description:''},
        // "bufferedRendering":{type:'string',title:'',description:''},
        // "captionSide":{type:'string',title:'',description:''},
        // "caretColor":{type:'string',title:'',description:''},
        "clear":{type:'string',title:'',description:'定义了元素的哪边上不允许出现浮动元素',xtype:'combobox',enum:['none','left','none','right','both','initial','inherit']},
        "clip":{type:'string',title:'',description:''},//剪裁绝对定位元素 ，auto|shape|initial|inherit; 其中 shape=>设置元素的形状。唯一合法的形状值是：rect (top, right, bottom, left)
        // "clipPath":{type:'string',title:'',description:''},
        // "clipRule":{type:'string',title:'',description:''},
      
        // "columnCount":{type:'string',title:'',description:''},
        // "columnFill":{type:'string',title:'',description:''},
        // "columnGap":{type:'string',title:'',description:''},
        // "columnRule":{type:'string',title:'',description:''},
        // "columnRuleColor":{type:'string',title:'',description:''},
        // "columnRuleStyle":{type:'string',title:'',description:''},
        // "columnRuleWidth":{type:'string',title:'',description:''},
        // "columnSpan":{type:'string',title:'',description:''},
        // "columnWidth":{type:'string',title:'',description:''},
        // "columns":{type:'string',title:'',description:''},
        //"contain":{type:'string',title:'',description:''},
            // "containIntrinsicBlockSize":{type:'string',title:'',description:''},
            // "containIntrinsicHeight":{type:'string',title:'',description:''},
            // "containIntrinsicInlineSize":{type:'string',title:'',description:''},
            // "containIntrinsicSize":{type:'string',title:'',description:''},
            // "containIntrinsicWidth":{type:'string',title:'',description:''},
        //"container":{type:'string',title:'',description:''},
            // "containerName":{type:'string',title:'',description:''},
            // "containerType":{type:'string',title:'',description:''},
        // "content":{type:'string',title:'',description:''},
        

        // "cx":{type:'string',title:'',description:''},
        // "cy":{type:'string',title:'',description:''},
        // "direction":{type:'string',title:'',description:''},
       
        // "dominantBaseline":{type:'string',title:'',description:''},
        // "emptyCells":{type:'string',title:'',description:''},
        // "fallback":{type:'string',title:'',description:''},
       
        "fill":{type:'string',title:'',description:''},
            // "fillOpacity":{type:'string',title:'',description:''},
            // "fillRule":{type:'string',title:'',description:''},
        //"filter":{type:'string',title:'',description:''},
       
        // "floodColor":{type:'string',title:'',description:''},
        // "floodOpacity":{type:'string',title:'',description:''},
       
        // "gap":{type:'string',title:'',description:''},
        // "glyphOrientationHorizontal":{type:'string',title:'',description:''},
        // "glyphOrientationVertical":{type:'string',title:'',description:''},
        //"grid":{type:'string',title:'',description:''},
            // "gridArea":{type:'string',title:'',description:''},
            // "gridAutoColumns":{type:'string',title:'',description:''},
            // "gridAutoFlow":{type:'string',title:'',description:''},
            // "gridAutoRows":{type:'string',title:'',description:''},
            // "gridColumn":{type:'string',title:'',description:''},
            // "gridColumnEnd":{type:'string',title:'',description:''},
            // "gridColumnGap":{type:'string',title:'',description:''},
            // "gridColumnStart":{type:'string',title:'',description:''},
            // "gridGap":{type:'string',title:'',description:''},
            // "gridRow":{type:'string',title:'',description:''},
            // "gridRowEnd":{type:'string',title:'',description:''},
            // "gridRowGap":{type:'string',title:'',description:''},
            // "gridRowStart":{type:'string',title:'',description:''},
            // "gridTemplate":{type:'string',title:'',description:''},
            // "gridTemplateAreas":{type:'string',title:'',description:''},
            // "gridTemplateColumns":{type:'string',title:'',description:''},
            // "gridTemplateRows":{type:'string',title:'',description:''},
        // "hangingPunctuation":{type:'string',title:'',description:''},
      
        // "hyphenateCharacter":{type:'string',title:'',description:''},
        // "hyphens":{type:'string',title:'',description:''},
        // "imageOrientation":{type:'string',title:'',description:''},
        // "imageRendering":{type:'string',title:'',description:''},
        // "inherits":{type:'string',title:'',description:''},
        // "initialValue":{type:'string',title:'',description:''},
        // "inlineSize":{type:'string',title:'',description:''},
        "inset":{type:'string',title:'',description:''},
            // "insetBlock":{type:'string',title:'',description:''},
            // "insetBlockEnd":{type:'string',title:'',description:''},
            // "insetBlockStart":{type:'string',title:'',description:''},
            // "insetInline":{type:'string',title:'',description:''},
            // "insetInlineEnd":{type:'string',title:'',description:''},
            // "insetInlineStart":{type:'string',title:'',description:''},
            // "isolation":{type:'string',title:'',description:''},
            // "justifyContent":{type:'string',title:'',description:''},
            // "justifyItems":{type:'string',title:'',description:''},
            // "justifySelf":{type:'string',title:'',description:''},
        "kerning":{type:'string',title:'',description:''},//用于调整字符间距，以改善文本的视觉效果和可读性
     
        "letterSpacing":{type:'string',title:'',description:''},
        "lightingColor":{type:'string',title:'',description:''},
      
        //"mask":{type:'string',title:'',description:''},
            // "maskBorder":{type:'string',title:'',description:''},
            // "maskBorderOutset":{type:'string',title:'',description:''},
            // "maskBorderRepeat":{type:'string',title:'',description:''},
            // "maskBorderSlice":{type:'string',title:'',description:''},
            // "maskBorderSource":{type:'string',title:'',description:''},
            // "maskBorderWidth":{type:'string',title:'',description:''},
            // "maskClip":{type:'string',title:'',description:''},
            // "maskComposite":{type:'string',title:'',description:''},
            // "maskImage":{type:'string',title:'',description:''},
            // "maskMode":{type:'string',title:'',description:''},
            // "maskOrigin":{type:'string',title:'',description:''},
            // "maskPosition":{type:'string',title:'',description:''},
            // "maskRepeat":{type:'string',title:'',description:''},
            // "maskSize":{type:'string',title:'',description:''},
            // "maskType":{type:'string',title:'',description:''},
        //"mathStyle":{type:'string',title:'',description:''},
       
        //"negative":{type:'string',title:'',description:''},
        //"objectFit":{type:'string',title:'',description:''},
        //"objectPosition":{type:'string',title:'',description:''},
        "offset":{type:'string',title:'',description:''},
            // "offsetAnchor":{type:'string',title:'',description:''},
            // "offsetDistance":{type:'string',title:'',description:''},
            // "offsetPath":{type:'string',title:'',description:''},
            // "offsetPosition":{type:'string',title:'',description:''},
            // "offsetRotate":{type:'string',title:'',description:''},
        "opacity":{type:'string',title:'',description:''},
        //"order":{type:'string',title:'',description:''},
        //"orphans":{type:'string',title:'',description:''},
        
        "outline":{type:'string',title:'',description:''},
            // "outlineColor":{type:'string',title:'',description:''},
            // "outlineOffset":{type:'string',title:'',description:''},
            // "outlineStyle":{type:'string',title:'',description:''},
            // "outlineWidth":{type:'string',title:'',description:''},
         
            "overflow":{type:'string',title:'',description:'控制内容溢出元素框时在对应的元素区间内添加滚动条',xtype:'combobox',enum:['visible','hidden','scroll','auto','inherit']},
            // "overflowWrap":{type:'string',title:'',description:''},
            // "overflowX":{type:'string',title:'',description:''},
            // "overflowY":{type:'string',title:'',description:''},
            // "overrideColors":{type:'string',title:'',description:''},
            // "overscrollBehavior":{type:'string',title:'',description:''},
            // "overscrollBehaviorBlock":{type:'string',title:'',description:''},
            // "overscrollBehaviorInline":{type:'string',title:'',description:''},
            // "overscrollBehaviorX":{type:'string',title:'',description:''},
            // "overscrollBehaviorY":{type:'string',title:'',description:''}, 
       
            //"pad":{type:'string',title:'',description:''},
        "padding":{type:'string',title:'',description:''},
            // "paddingBlock":{type:'string',title:'',description:''},
            // "paddingBlockEnd":{type:'string',title:'',description:''},
            // "paddingBlockStart":{type:'string',title:'',description:''},
            // "paddingBottom":{type:'string',title:'',description:''},
            // "paddingInline":{type:'string',title:'',description:''},
            // "paddingInlineEnd":{type:'string',title:'',description:''},
            // "paddingInlineStart":{type:'string',title:'',description:''},
            // "paddingLeft":{type:'string',title:'',description:''},
            // "paddingRight":{type:'string',title:'',description:''},
            // "paddingTop":{type:'string',title:'',description:''},
        
            //"page":{type:'string',title:'',description:''},
            // "pageBreakAfter":{type:'string',title:'',description:''},
            // "pageBreakBefore":{type:'string',title:'',description:''},
            // "pageBreakInside":{type:'string',title:'',description:''},
       
            //"paintOrder":{type:'string',title:'',description:''},
        //"perspective":{type:'string',title:'',description:'定义了3D元素距视图的距离，以像素计'},
            // "perspectiveOrigin":{type:'string',title:'',description:''},
            // "perspectiveOriginX":{type:'string',title:'',description:''},
            // "perspectiveOriginY":{type:'string',title:'',description:''},
        // "placeContent":{type:'string',title:'',description:''},
        // "placeItems":{type:'string',title:'',description:''},
        // "placeSelf":{type:'string',title:'',description:''},
        // "pointerEvents":{type:'string',title:'',description:''},
      
        // "prefix":{type:'string',title:'',description:''},
        // "printColorAdjust":{type:'string',title:'',description:''},
        // "quotes":{type:'string',title:'',description:''},
        // "r":{type:'string',title:'',description:''},
        // "range":{type:'string',title:'',description:''},
        // "resize":{type:'string',title:'',description:''},
      
        // "rotate":{type:'string',title:'',description:''},
        // "rowGap":{type:'string',title:'',description:''},
        // "rx":{type:'string',title:'',description:''},
        // "ry":{type:'string',title:'',description:''},
        // "scale":{type:'string',title:'',description:''},
        // "scrollBehavior":{type:'string',title:'',description:''},
        // "scrollMargin":{type:'string',title:'',description:''},
            // "scrollMarginBlock":{type:'string',title:'',description:''},
            // "scrollMarginBlockEnd":{type:'string',title:'',description:''},
            // "scrollMarginBlockStart":{type:'string',title:'',description:''},
            // "scrollMarginBottom":{type:'string',title:'',description:''},
            // "scrollMarginInline":{type:'string',title:'',description:''},
            // "scrollMarginInlineEnd":{type:'string',title:'',description:''},
            // "scrollMarginInlineStart":{type:'string',title:'',description:''},
            // "scrollMarginLeft":{type:'string',title:'',description:''},
            // "scrollMarginRight":{type:'string',title:'',description:''},
            // "scrollMarginTop":{type:'string',title:'',description:''},
        "scrollPadding":{type:'string',title:'',description:''},
            // "scrollPaddingBlock":{type:'string',title:'',description:''},
            // "scrollPaddingBlockEnd":{type:'string',title:'',description:''},
            // "scrollPaddingBlockStart":{type:'string',title:'',description:''},
            // "scrollPaddingBottom":{type:'string',title:'',description:''},
            // "scrollPaddingInline":{type:'string',title:'',description:''},
            // "scrollPaddingInlineEnd":{type:'string',title:'',description:''},
            // "scrollPaddingInlineStart":{type:'string',title:'',description:''},
            // "scrollPaddingLeft":{type:'string',title:'',description:''},
            // "scrollPaddingRight":{type:'string',title:'',description:''},
            // "scrollPaddingTop":{type:'string',title:'',description:''},
        //"scrollSnapAlign":{type:'string',title:'',description:''},
        //"scrollSnapMargin":{type:'string',title:'',description:''},
        //"scrollSnapMarginBottom":{type:'string',title:'',description:''},
        //"scrollSnapMarginLeft":{type:'string',title:'',description:''},
        //"scrollSnapMarginRight":{type:'string',title:'',description:''},
        //"scrollSnapMarginTop":{type:'string',title:'',description:''},
        //"scrollSnapStop":{type:'string',title:'',description:''},
        //"scrollSnapType":{type:'string',title:'',description:''},
       
        // "shapeImageThreshold":{type:'string',title:'',description:''},
        // "shapeMargin":{type:'string',title:'',description:''},
        // "shapeOutside":{type:'string',title:'',description:''},
        // "shapeRendering":{type:'string',title:'',description:''},

        //"size":{type:'string',title:'',description:''},
        //"sizeAdjust":{type:'string',title:'',description:''},
        //"speakAs":{type:'string',title:'',description:'定义数字或字母发音规则'},
        //"src":{type:'string',title:'',description:''},
        // "stopColor":{type:'string',title:'',description:''},
        // "stopOpacity":{type:'string',title:'',description:'用于定义SVG中渐变停止点'},//
        // "stroke":{type:'string',title:'',description:'SVG图形元素的描边（边框）颜色'},
            // "strokeColor":{type:'string',title:'',description:''},
            // "strokeDasharray":{type:'string',title:'',description:''},
            // "strokeDashoffset":{type:'string',title:'',description:''},
            // "strokeLinecap":{type:'string',title:'',description:''},
            // "strokeLinejoin":{type:'string',title:'',description:''},
            // "strokeMiterlimit":{type:'string',title:'',description:''},
            // "strokeOpacity":{type:'string',title:'',description:''},
            // "strokeWidth":{type:'string',title:'',description:''},
        //"suffix":{type:'string',title:'',description:''},
        //"supportedColorSchemes":{type:'string',title:'',description:''},

       
        // "counterIncrement":{type:'string',title:'',description:''},
        // "counterReset":{type:'string',title:'',description:''},
        // "counterSet":{type:'string',title:'',description:'用于将CSS计数器设置为给定的值'},//
        //"symbols":{type:'string',title:'',description:''},//@counter-style
        //"additiveSymbols":{type:'string',title:'',description:''},

        //"syntax":{type:'string',title:'',description:''},
        //"system":{type:'string',title:'',description:''},
        //"tabSize":{type:'string',title:'',description:''},
        //"tableLayout":{type:'string',title:'',description:''}, 
       
        //"textAlignLast":{type:'string',title:'',description:''},
        //"textAnchor":{type:'string',title:'',description:''},
        //"textCombineUpright":{type:'string',title:'',description:''},
        "textDecoration":{type:'string',title:'',description:''},
            // "textDecorationColor":{type:'string',title:'',description:''},
            // "textDecorationLine":{type:'string',title:'',description:''},
            // "textDecorationSkip":{type:'string',title:'',description:''},
            // "textDecorationSkipInk":{type:'string',title:'',description:''},
            // "textDecorationStyle":{type:'string',title:'',description:''},
            // "textDecorationThickness":{type:'string',title:'',description:''},
        "textEmphasis":{type:'string',title:'',description:'用于在文本的某些字符上添加强调装饰,如点、圆圈或其他形状'},
            // "textEmphasisColor":{type:'string',title:'',description:''},
            // "textEmphasisPosition":{type:'string',title:'',description:''},
            // "textEmphasisStyle":{type:'string',title:'',description:''},
        "textIndent":{type:'string',title:'',description:''},
        "textOrientation":{type:'string',title:'',description:''},
        "textOverflow":{type:'string',title:'',description:''},
        "textRendering":{type:'string',title:'',description:''},
        "textShadow":{type:'string',title:'',description:''},
        "textTransform":{type:'string',title:'',description:''},
        "textUnderlineOffset":{type:'string',title:'',description:''},
        "textUnderlinePosition":{type:'string',title:'',description:''},
        "textWrap":{type:'string',title:'',description:''},
        "textWrapMode":{type:'string',title:'',description:''},
        "textWrapStyle":{type:'string',title:'',description:''},
       
        "touchAction":{type:'string',title:'',description:''},
        "transform":{type:'string',title:'',description:'元素变形，包含旋转、缩放、平移、倾斜等变形功能'}, 
        "transformSacle":{type:'string',title:'',description:''},
        "transformOrigin":{type:'string',title:'',description:''}, 
            // "transformBox":{type:'string',title:'',description:''},
            // "transformOrigin":{type:'string',title:'',description:''},
            // "transformOriginX":{type:'string',title:'',description:''},
            // "transformOriginY":{type:'string',title:'',description:''},
            // "transformOriginZ":{type:'string',title:'',description:''},
            // "transformStyle":{type:'string',title:'',description:''},

        "transition":{type:'string',title:'',description:'元素过渡动画，平滑过渡效果'},
            // "transitionBehavior":{type:'string',title:'',description:''},
            // "transitionDelay":{type:'string',title:'',description:''},
            // "transitionDuration":{type:'string',title:'',description:''},
            // "transitionProperty":{type:'string',title:'',description:''},
            // "transitionTimingFunction":{type:'string',title:'',description:''},

        "translate":{type:'string',title:'',description:'元素的二维平移效果（沿X/Y轴移动）'},
        // "unicodeBidi":{type:'string',title:'',description:''},
        // "unicodeRange":{type:'string',title:'',description:''},
        // "vectorEffect":{type:'string',title:'',description:''},
        // "verticalAlign":{type:'string',title:'',description:''},
        // "visibility":{type:'string',title:'',description:''},
        // "whiteSpace":{type:'string',title:'',description:''},
        // "whiteSpaceCollapse":{type:'string',title:'',description:''},
        // "widows":{type:'string',title:'',description:''},
      
        "willChange":{type:'string',title:'',description:'性能加速，将要改变属性'},//
        "wordBreak":{type:'string',title:'',description:''},
        "wordSpacing":{type:'string',title:'',description:''},
        "wordWrap":{type:'string',title:'',description:''},
        "writingMode":{type:'string',title:'',description:''},
        // "x":{type:'string',title:'',description:''},
        // "y":{type:'string',title:'',description:''},
        "zIndex":{type:'string',title:'',description:''},
 
    },
     
    //fieldWidth:'33%',
   
    /*
     * */
    constructor: function DomStyleEditor(config) {

        config = config || {};
        this.apply(config);
    },
    /**
     * 
     */
    onAfterInit:function onAfterInit()
    {
        this.callParent();
         var me = this; 
         me.items[0].loadFields({
            title:'样式属性',
            properties:me.styleSchema
        }); 
    },
    /**
     *
     * */
    load: function load(data) {

        var _data = data||this.data; 
        var me = this;  
        //console.log('style data ',_data);
        me.items[0].loadData(_data); 
        this.callParent();  
    },
    /**
     * 
     * @param {*} evtName 
     * @param {*} data 
     * @param {*} dataIndex 
     * @param {*} sender 
     * @param {*} evt 
     * @param {*} config 
     */
    __formEventHandler:function __formEventHandler(evtName,data,dataIndex,sender,evt,config)
    {
        //console.log('DomStyleEditor',this.dataIndex + '.style.' + dataIndex,sender.getValue(),data);
        if(this.fieldValueChange)
        {
            this.funApplyByIOC(this.fieldValueChange,[evtName,sender.getValue(),(this.dataIndex||'') + (this.dataIndex?'.style.':'style.') + dataIndex,sender,evt,config]);
        } 
    }

}, function (type) {

});
 
